<template>
  <div class="content">
    <head-nav></head-nav>
    <dl class="dl-tab-conten">
      <dd class="dl-tab-item">
        <div class="dl-second-nav" style="height: 937px;">
          <left-nav></left-nav>
          <div class="dl-second-slib-con">
            <div class="dl-second-slib"></div>
          </div>
        </div>
        <div class="dl-inner-tab" id="J_menuTab">
          <div class="bui-nav-tab" aria-disabled="false" style="height: 937px;" aria-pressed="false">
            <div class="tab-nav-bar"><s class="tab-nav-arrow arrow-left"></s>
              <div class="tab-nav-wrapper">
                <div class="tab-nav-inner">
                  <ul class="tab-nav-list" style="width: 560px; left: 0px;">
                    <li class="bui-nav-tab-item " v-for="route in $store.state.histories"
                        :class="{'tab-nav-actived': route.name==$route.name}" aria-disabled="false"
                        :title="route.meta.desc" style=""
                        aria-pressed="false">
                      <s class="l"></s>
                      <div class="tab-item-inner" @click="go(route.name)">
                        <span class="tab-item-title" >{{route.meta.desc}}</span>
                        <s class="tab-item-close" :class="{'hidden': route.name==$route.name}" @click.stop="close(route)"></s>
                      </div>
                      <s class="r"></s>
                    </li>
                  </ul>
                </div>
              </div>
              <s class="tab-nav-arrow arrow-right"></s>
            </div>
            <div class="tab-content-container" style="height: 916px;">
              <div class="tab-content">
                <router-view></router-view>
              </div>
            </div>
          </div>
        </div>
      </dd>
    </dl>


  </div>
</template>

<script>
  import HeadNav from './subs/headNav.vue'
  import LeftNav from './subs/leftNav.vue'

  export default {
    data() {
      // console.log(this.$store.state.historys);
      return {}
    },
    activated() {

    },
    components: {
      HeadNav,
      LeftNav
    },
    methods: {
      close(route) {
        this.$store.commit("removeHistory",route)
      }
    }

  }
</script>

<!-- form-radio-1.vue -->
<style scoped>
  .content {
    font-size: 12px;
    font-family: SimSun, 'Helvetica Neue', Helvetica, Arial, sans-serif
  }

  .dl-second-slib {
    width: 7px;
  }

  .hidden {
    display: none;
  }
</style>
